<template>
	<view class="page_box  ">
		<u-navbar :is-back="true" title="信息填写" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box">
			<view class=" pt83 pr24 pb38 pl6">
				<view class="flex align-center">
					<text class="block w14 h49 bg-red"></text>
					<view class=" ml30 flex flex-direction ww100">
						<text class="f50 text-black text-bold">投保人信息</text>
					</view>
				</view>
			</view>
			<view class="padding ">
				<view class="info">
					<view
						class="padding flex justify-between align-center solid-bottom"
						
					>
						<text class="f42 text-bold text-black">姓名</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入姓名"
								placeholder-class="placeholder"
								class="text-right"
							/>
							<image src="../../static/xinxi.png" mode="" @click="showinsured = !showinsured" class="w65 h65 ml10"></image>
						</view>
					</view>
					<view
						class="padding flex justify-between align-center solid-bottom"
						
					>
						<text class="f42 text-bold text-black">身份证</text>
						<view class="flex align-center">
							<input
								
								type="text"
								value=""
								placeholder="请输入证件号码"
								placeholder-class="placeholder"
								class="text-right"
							/>
							<image src="../../static/xiangji.png" @click="showidCrd = true"  mode="" class="w54 h45 ml10"></image>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showtime = !showtime">
						<text class="f42 text-bold text-black">证件有效起期</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showtime = !showtime">
						<text class="f42 text-bold text-black">证件有效期</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showtime = !showtime">
						<text class="f42 text-bold text-black">出生日期</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">性别</text>
						<view class="flex align-center">
							<selectSwitch @change="changeSwitch" :switchList="switchList" />
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showpr">
						<text class="f42 text-bold text-black">职业描述</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">手机号码</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入手机号码"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">邮件地址</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入邮件地址"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view
						class="padding flex justify-between align-center solid-bottom"
						@click="showregion = !showregion"
					>
						<text class="f42 text-bold text-black">联系地址</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex   solid-bottom flex-direction">
						<text class="f42 text-bold text-black">详细地址</text>
						<u-input
							maxlength="30"
							class="mt20"
							v-model="value"
							:type="type"
							:border="border"
							:height="height"
							:auto-height="autoHeight"
							placeholder=" 请输入详细地址、具体到路、门牌号、小区、楼栋号、单元室"
						/>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">邮编</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入邮编"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">身高</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入身高CM"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">体重</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入体重KG"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">投保地区</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入投保地区"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
				</view>
			</view>
			<view class="h25 hen"></view>
			<view class=" pt83 pr24 pb38 pl6">
				<view class="flex align-center">
					<text class="block w14 h49 bg-red"></text>
					<view class=" ml30 flex flex-direction ww100">
						<text class="f50 text-black text-bold">被保险人信息</text>
					</view>
				</view>
			</view>
			<view class="padding ">
				<view class="info">
					<view
						class="padding flex justify-between align-center solid-bottom"
						@click="showselector = !showselector"
					>
						<text class="f42 text-bold text-black">是被保人的</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">姓名</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入姓名"
								placeholder-class="placeholder"
								class="text-right"
							/>
							<image src="../../static/xinxi.png" @click="showidCrd = true" mode="aspectFill" class="w65 h65 ml10"></image>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" >
						<text class="f42 text-bold text-black">身份证</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								
								placeholder="请输入证件号码"
								placeholder-class="placeholder"
								class="text-right"
							/>
							<image src="../../static/xiangji.png"  mode="aspectFill" class="w54 h45 ml10"></image>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showtime = !showtime">
						<text class="f42 text-bold text-black">证件有效起期</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showtime = !showtime">
						<text class="f42 text-bold text-black">证件有效期</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showtime = !showtime">
						<text class="f42 text-bold text-black">出生日期</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">性别</text>
						<view class="flex align-center">
							<selectSwitch @change="changeSwitch" :switchList="switchList" />
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showpr">
						<text class="f42 text-bold text-black">职业描述</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">手机号码</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入手机号码"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">联系地址同投保人</text>
						<view class="flex align-center">
							<selectSwitch @change="changeSwitch" :switchList="switchListt" />
						</view>
					</view>
					<view
						class="padding flex justify-between align-center solid-bottom"
						@click="showregion = !showregion"
					>
						<text class="f42 text-bold text-black">联系地址</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex   solid-bottom flex-direction">
						<text class="f42 text-bold text-black">详细地址</text>
						<u-input
							maxlength="30"
							class="mt20"
							v-model="value"
							:type="type"
							:border="border"
							:height="height"
							:auto-height="autoHeight"
							placeholder=" 请输入详细地址、具体到路、门牌号、小区、楼栋号、单元室"
						/>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">邮编</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入邮编"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>

					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">邮编</text>
						<view class="flex align-center">
							<text class="cu-tag bg-gray light    round redd">有社保</text>
							<text class="cu-tag bg-gray light   round">无社保</text>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">身高</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入身高CM"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">体重</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入体重KG"
								placeholder-class="placeholder"
								class="text-right"
							/>
						</view>
					</view>
				</view>
			</view>
			<view class="h25 hen"></view>
			<view class=" pt83 pr24 pb38 pl6">
				<view class="flex align-center">
					<text class="block w14 h49 bg-red"></text>
					<view class=" ml30 flex flex-direction ww100">
						<text class="f50 text-black text-bold">产品信息</text>
					</view>
				</view>
			</view>
			<view class="padding">
				<view class="info">
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">缴费期间</text>
						<view class="flex align-center">
							<text class="f42  text-black text-blod">30年交</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">保障期间</text>
						<view class="flex align-center"><text class="f42  text-gray">终身</text></view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<view class="flex align-center">
							<text class="f42 text-bold text-black">保额</text>
							<text class=" f27 text-gray">1万元-70万元</text>
						</view>
						<view class="flex align-center justify-end " style="line-height: 1;">
							<input
								type="text"
								value=""
								placeholder="请输入"
								style="width: 30vw; font-size: 25.2rpx;"
								class="text-right"
							/>
							<text class="f42 ml10 text-bold text-black">万元</text>
						</view>
					</view>
					<view class="cu-tag bg-red light ww100 flex justify-start padding-left">
						<text>复星联合阿童沐1号重大疾病保险计划保额不能为空</text>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">身故或全残保险金</text>
						<view class="flex align-center">
							<text class="cu-tag bg-gray light round redd ">不投保</text>
							<text class="cu-tag bg-gray light round ">投保</text>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">恶性肿瘤-重度第二次给付保险金</text>
						<view class="flex align-center">
							<text class="cu-tag bg-gray light round redd ">不投保</text>
							<text class="cu-tag bg-gray light round ">投保</text>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">特定心脑血管疾病第二次给付保险金</text>
						<view class="flex align-center">
							<text class="cu-tag bg-gray light round redd ">不投保</text>
							<text class="cu-tag bg-gray light round ">投保</text>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">复星联合附加康爱久久特定药品医疗保险</text>
						<view class="flex align-center"></view>
					</view>
					<view class="cu-tag bg-red light ww100 flex justify-start padding-left">
						<text>主险尚未算费</text>
					</view>

					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">复星联合附加康爱久久甲状腺医疗保险</text>
						<view class="flex align-center"></view>
					</view>
					<view class="cu-tag bg-red light ww100 flex justify-start padding-left">
						<text>主险尚未算费</text>
					</view>

					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">附加投保人豁免（2021款）</text>
						<view class="flex align-center"></view>
					</view>
					<view class="cu-tag bg-red light ww100 flex justify-start padding-left">
						<text>主险尚未算费</text>
					</view>
				</view>
			</view>
			<view class="h25 hen"></view>
			<view class=" pt83 pr24 pb38 pl6 flex justify-between">
				<view class="flex align-center">
					<text class="block w14 h49 bg-red"></text>
					<view class=" ml30 flex flex-direction ww100">
						<text class="f50 text-black text-bold">续期交费账户信息</text>
					</view>
				</view>
				<text class="text-red f42" @click="showlimTbl = !showlimTbl">交费信息限额表</text>
			</view>
			<view class="padding">
				<view class="info">
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">缴费方式</text>
						<view class="flex align-center"><text class="f42  text-gray">实时扣款</text></view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom" @click="showinsured = !showinsured">
						<text class="f42 text-bold text-black">户名</text>
						<view class="flex align-center"><text class="f42  text-gray">张三</text></view>
					</view>
					<view class="cu-tag bg-red light ww100 flex justify-start padding-left">
						<text>请输入户名</text>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">银行卡号</text>
						<view class="flex align-center">
							<input
								type="text"
								value=""
								placeholder="请输入银行卡号"
								placeholder-class="placeholder"
								class="text-right"
							/>
							<image src="../../static/xiangji.png" mode="" @click="showidCrd = !showidCrd" class="w65 h45 ml10"></image>
						</view>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">银行</text>
					</view>
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">开户行</text>
						<view class="flex align-center">
							<text class="f42  text-gray">请选择</text>
							<i class="cuIcon-unfold ml10"></i>
						</view>
					</view>
				</view>
			</view>
			<view class="h25 hen"></view>
			<view class=" pt83 pr24 pb38 pl6">
				<view class="flex align-center">
					<text class="block w14 h49 bg-red"></text>
					<view class=" ml30 flex flex-direction ww100">
						<text class="f50 text-black text-bold">申明信息</text>
					</view>
				</view>
			</view>
			<view class="padding">
				<view class="info" @click="residents = !residents">
					<view class="padding flex justify-between align-center solid-bottom">
						<text class="f42 text-bold text-black">投被保险人均仅为中国税收居民</text>
						<view class="flex align-center justify-center" v-if="residents" >
							<i
								class="w60 h60 text-white cuIcon-check  round text-center"
								style="background: #CFCECE; overflow: hidden;  "
							></i>
						</view>
						<view class="flex align-center justify-center"  v-else >
							<i
								class="w60 h60 text-white cuIcon-check round text-center  block"
								style="background: #FC4E4E; overflow: hidden; "
							></i>
						</view>
					</view>
				</view>
			</view>
			<view class="padding flex justify-between">
				<view class="flex align-center">
					<text class="f42 text-black text-bold">保费</text>
					<text class="f42 text-red text-bold ml30">46.20元起</text>
				</view>
				<view class="flex">
					<button class="w297 h109 bg-blue flex align-center justify-center text-bold round f42">
						暂 存
					</button>
					<button
						class="w297 h109 bg-red flex align-center justify-center text-bold round ml30 f42"
						@click="l.to('/pages/index/insNotice')"
					>
						确 定
					</button>
				</view>
			</view>
		</view>

		<!-- 职业描述 -->
		<u-popup v-model="showprofession" mode="bottom" border-radius="14" length="80%">
			<view class="box padding flex flex-direction  ">
				<u-search placeholder="输入您想要的内容" v-model="keyword"></u-search>
				<scroll-view scroll-y="true" class="scroll-y">
					<mix-tree :list="list" @treeItemClick="treeItemClick" :params="treeParams"></mix-tree>
				</scroll-view>
			</view>
		</u-popup>
		<!-- 交费信息限额表 -->
		<u-popup v-model="showlimTbl" mode="bottom" border-radius="14" length="80%" :closeable="true">
			<view class="box padding flex flex-direction align-center ">
				<text class="text-bold text-black f53 ">银行限额表</text>

				<text class="f42 text-orange mt38 mb38">只支持借记卡，不支持信用卡和存折</text>
				<t-table @change="change">
					<t-tr>
						<t-th>收款银行</t-th>
						<t-th>单笔限额</t-th>
						<t-th>每日累计限额</t-th>
						<t-th>备注</t-th>
					</t-tr>
					<t-tr v-for="item in tableList" :key="item.id">
						<t-td>{{ item.a }}</t-td>
						<t-td>{{ item.b }}</t-td>
						<t-td>{{ item.c }}</t-td>
						<t-td>{{ item.d }}</t-td>
					</t-tr>
				</t-table>
				<scroll-view scroll-y="true" class="" style=" height: 75%;"></scroll-view>
			</view>
		</u-popup>
		<!-- 新增投保人信息 -->
		<u-popup v-model="showinsured" mode="bottom" border-radius="14" length="80%" :closeable="true">
			<view class="box  flex flex-direction  ">
				<view class="flex justify-center padding">
					<text class="text-bold text-black f53">常用投保人</text>
				</view>
				<block v-if="showAdd">
					<view class="mt80 mb80 padding"><u-search placeholder="输入您想要的内容"></u-search></view>
					<view><text class="policyholder">付款仅能由投保人本人支付账户完成</text></view>
                    <view class="pl52 pr52 mt67 flex flex justify-between ">
                        <view class="flex  ">
                            <i
                            	class="w60 h60 text-white cuIcon-check  round text-center mt20"
                            	style="background: #CFCECE; overflow: hidden;  "
                            ></i>
                            <view class="flex flex-direction ml34">
                                <text class="f48 " style="color:#5E5E5E ; font-weight: 500;">张三</text>
                                <text class="f48 " style="color:#5E5E5E ; ">身份证:XXXXXXXXXXXXX</text>
                            </view>
                            
                        </view>
                        <image src="../../static/tuchengdd.png" mode="aspectFill" class="w72 h70"> </image>
                        
                        
                        
                    </view>
                    
                    
					<scroll-view scroll-y="true" class="scroll-yured"><view></view></scroll-view>
					<view class="add flex align-center justify-center ww100 h120 solid" @click="showAdd = !showAdd">
						<i class="cuIcon-add 52 text-bold text-red"></i>
						<text class="f52 text-bold text-red ml20">新增</text>
					</view>
				</block>
				<block v-if="!showAdd">
					<view class="padding flex align-center justify-between solid-bottom">
						<text class="f50 text-bold text-black">姓名</text>
						<input type="text" value="" placeholder="请输入姓名" class="text-right ddd" />
					</view>
					<view class="padding flex align-center justify-between solid-bottom">
						<text class="f50 text-bold text-black">证件类型</text>
						<view class="flex align-center">
							<text>身份证</text>
							<i class="cuIcon-right ml20"></i>
						</view>
					</view>
					<view class="padding flex align-center justify-between solid-bottom">
						<text class="f50 text-bold text-black">证件号码</text>
						<input type="text" value="" placeholder="请输入证件号码" class="text-right ddd" />
					</view>
					<view class="padding flex align-center justify-between solid-bottom">
						<text class="f50 text-bold text-black">手机号码</text>
						<input
							type="text"
							value=""
							placeholder="请输入联系人的手机号码 ( 非必填)"
							class="text-right ddd"
						/>
					</view>
					<view class="padding flex align-center justify-between solid-bottom">
						<text class="f50 text-bold text-black">邮件</text>
						<input type="text" value="" placeholder="请输入联系人的邮件 ( 非必填)" class="text-right ddd" />
					</view>
					<view class="flex align-center justify-center mt65">
						<text class="f30 text-gray">
							您的信息安全由中国人民财产保险有限公司承保，保额50万，请放心填写
						</text>
					</view>
					<view class="add flex align-center justify-center ww100 h120 solid" @click="prompt">
						<text class="f52 text-bold text-red ml20">确认</text>
					</view>
					<u-modal
						v-model="showprompt"
						confirm-text="知道了"
						confirm-color="#EB3F3F"
						@confirm="showAdd = !showAdd"
					>
						<view class="slot-content flex flex-direction padding">
							<text class="f35">身份证/户口本：</text>
							<text class="f35 mt20">请填写投保人的身份证号</text>
						</view>
					</u-modal>
				</block>
			</view>
		</u-popup>
		<u-picker v-model="showtime" mode="time"></u-picker>
		<u-picker v-model="showregion" mode="region"></u-picker>
	
		<view class="opt " v-if="showidCrd" @click="showidCrd = !showidCrd">
			<view class="btn2 bg-white padding-lr" >
				<view class=" flex align-center justify-center padding-tb-sm" style="border-bottom: 0.6rpx solid #CCCCCC;">
					<text class="f41 " style="color: #757575;">身份证正面</text>
				</view>
				<view class="flex ">
					<view class="flex align-center justify-center f-1 mt100 mb100">
						<image src="../../static/1231233.png" mode="" class="w153 h110"></image>
						<text class="f50 ml50" style="color: #3B63FD;">相册</text>
					</view>
					<view class="flex align-center justify-center f-1" style="border-left: 0.6rpx solid #CCCCCC;;">
						<image src="../../static/636363.png" mode="" class="w153 h110"></image>
						<text class="f50 ml50" style="color: #3B63FD;">拍照</text>
					</view>
				</view>
				<view class="h60">
					
				</view>
			</view>
			<view class=" bg-white flex align-center justify-center btn1" @click="showidCrd = false">
				<text class="text-red f50" >取消</text>
			</view>
			
			
		</view>

		<u-picker mode="selector" v-model="showselector" :default-selector="[0]" :range="selector"></u-picker>
		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
import selectSwitch from '@/components/xuan-switch/xuan-switch.vue';
import mixTree from '@/components/mix-tree/mix-tree';
import tTable from '@/components/t-table/t-table.vue';
import tTh from '@/components/t-table/t-th.vue';
import tTr from '@/components/t-table/t-tr.vue';
import tTd from '@/components/t-table/t-td.vue';
import new_file from '../../common/new_file.js'; //树状菜单数据
export default {
	components: {
		selectSwitch,
		mixTree,
		tTable,
		tTh,
		tTr,
		tTd
	},
	data() {
		return {
			residents: true,
			showidCrd: false,
			showprompt: false, //常用投保人模态框
			showAdd: true, //常用投保人and 添加投保人
			tableList: [],
			treeParams: {
				// defaultIcon: '/static/i2.png', // 默认图标
				// currentIcon: '/static/i1.png', // 展开图标
				// lastIcon: '/static/i3.png', //最后一级图标
				border: false // 边框， 默认不显示
			},
			keyword: '',
			list: [],
			showprofession: false, //职业描述
			showlimTbl: false, //交费信息限额表
			showinsured: false, //新增投保人信息
			selector: ['本人', '丈夫', '妻子', '父亲', '母亲'],
			showtime: false,
			showregion: false,
			showselector: false,
			value: '',
			type: 'textarea',
			border: true,
			height: 100,
			autoHeight: true,
			switchList: ['男', '女'],
			switchListt: ['是', '否'],
			checked: false,
			field: {
				backgroundColor: '#000'
			}
		};
	},
	onShow() {
		this.tableList = new_file.tableList;
	},
	onLoad(e) {},
	methods: {
		async changeSwitch(e) {
			console.log('e: ', e);
		},
		async treeItemClick(e) {
			console.log('e: ', e);
		},
		async showpr() {
			setTimeout(() => {
				this.list = new_file.testList;
			}, 300);
			this.showprofession = !this.showprofession;
		},
		async prompt() {
			this.showprompt = true;
		}
	}
};
</script>

<style lang="scss" scoped>
.u-mask-zoom {
		transform: scale(1.2, 1.2);
	}
.opt {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	transition: transform 0.3s;
	.btn1 {
		background-color: #fcf9f9 !important;
		width: 100vw;
		height: 70rpx;
		position: fixed;
		bottom: 0;
		opacity: 1;
		left: 50%;
		transform: translateX(-50%);
	}
	.btn2 {
		width: 100vw;
		
		position: fixed;
		bottom: 85rpx;
		left: 50%;
		opacity: 1;
		transform: translateX(-50%);
	}

}

.page_box {
	.content_box {
		.info {
			background: #ffffff;
			box-shadow: 0px 3.6rpx 13.8rpx 3.6rpx rgba(78, 78, 78, 0.18);
			border-radius: 3rpx;
		}
		.placeholder {
			font-size: 25.2rpx;
			color: #999999;
		}
		/deep/input {
			font-weight: 500;
			color: #000000;
			font-size: 25.3rpx;
		}
	}
	.ddd,
	input {
		font-size: 28rpx;
		width: 60vw;
	}
	.scroll-y {
		height: 68vh;
		// background-color: red;
	}
	.policyholder {
		display: inline-block;
		background: #f4f4f4;
		border-radius: 0rpx 18rpx 18rpx 0rpx;
		color: #5e5e5e;
		padding: 5rpx;
		padding-right: 20rpx;
	}
	.scroll-yured {
		margin-top: 24rpx;
		height: 45vh;
		// background-color: red;
	}
	.add {
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}
</style>
